<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>移动端地区插件</title>
    <link rel="stylesheet" type="text/css" href="../scripts/plugins/h5_city_picker/h5_city_picker.css">
    <style>
        #PCA {
            width: 3rem;
            min-height: 1rem;
            line-height: 1rem;
            text-align: center;
            font-size: 0.4rem;
        }

        #PCA2 {
            width: 3rem;
            min-height: 1rem;
            line-height: 1rem;
            text-align: center;
            font-size: 0.4rem;
            margin-top: 1rem;
        }

        #PCA3 {
            width: 3rem;
            min-height: 1rem;
            line-height: 1rem;
            text-align: center;
            font-size: 0.4rem;
            margin-top: 1rem;
        }
    </style>
</head>
<body>
<div class="j_city_picker" id="PCA3">选择时间</div>
<aside class="ui-aside aside date_aside"></aside>

<script type="text/javascript" src="../scripts/vendor/jquery-3.4.1/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="../scripts/plugins/h5_nav/flexible.js"></script>
<script type="text/javascript" src="../scripts/plugins/h5_aside/h5_aside.js"></script>
<script type="text/javascript" src="../scripts/plugins/h5_city_picker_ysy/LAreaData1.js"></script>
<script type="text/javascript" src="../scripts/plugins/h5_city_picker/h5_city_picker.js"></script>
<script type="text/javascript">
    let options = {};
    options.class = "j_city_picker";
    options.value = "2019-11-22";
    options.type = "YMDHMS";
    options.source = LAreaData;
    // options.value = "2019-11-22";
    // options.type = "YMDHMS";
    // options.source = function (process) {
    //     let post = {};
    //
    //     $.ajax({
    //         url: "http://localhost:8080/mobile/area/getAllStartArea.json",
    //         type: "post",
    //         data: JSON.stringify(post),
    //         dataType: "json",
    //         cache: false,
    //         contentType: "application/json; charset=utf-8",
    //         async: true,
    //         success: (result) => {
    //             let source = handleCityData(result);
    //             process(source);
    //         },
    //         error: (error, textStatus, XMLHttpRequest) => {
    //             console.log(error);
    //         }
    //     });
    // };
    $(".j_city_picker").h5CityPicker(options);

    $(".j_city_picker").h5CityPicker("clear");
</script>
</body>
</html>